.vui-sider{
    width: 200px;
    max-height: calc(100% - .42rem);
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid #ccc;
    background: #fff;
    font-size: .16rem;
    z-index: 0;
    .vui-component-nav{
        padding: .12rem 0;
        li{
            text-align: left;
            white-space: nowrap;
            border-top: 1px solid #ddd;
            &:first-child{
                border: none;
            }
            a{  
                display: block;
                padding: 0 .18rem;
                color: #666;
                line-height: .32rem;
                &.router-link-exact-active,&:hover{
                    color: #23b064;
                    font-weight: bold;
                }
                &:active{
                    color:#1e9e59;
                    font-weight: bold;
                }
            }
        }
    }
}
.vui-container{
    width: 100%;
    min-height: 14rem;
    overflow: hidden;
    font-size: .14rem;
    line-height: 2;
}
.vui-demo{
    padding: 32px;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}

